<div
  class="h-full w-full rounded-lg border border-gray-200 leading-normal
  transition hover:cursor-pointer hover:border-gray-300 hover:bg-gray-50 hover:shadow-md"
>
  <a
    class="flex h-full w-full flex-col p-4"
    href="/recipes/{{ .ID }}"
    hx-boost="true"
    hx-target="#page"
    hx-select="#page"
  >
    <strong class="truncate"> {{ .Name }} </strong>

    <div class="truncate">
      {{ .Description }}
    </div>
  </a>
</div>
